<header class="header-top">
    <ul class="nav pull-left">
        <li class="app-name"><a ng-href="#/welcome">分布式容器集群控制台</a></li>
    </ul>
    <ul class="nav pull-right nav-pills">
        <li uib-dropdown>
            <a uib-dropdown-toggle>{{::header.userName}}
                <i style="margin-left: 3px" class="fa fa-caret-down"></i></a>
            <ul class="dropdown-menu animate fade-in-down">
                <li>
                    <a ng-click="header.logout();">退出
                        <i class="fa fa-power-off pull-right"></i>
                    </a>
                </li>
            </ul>
        </li>
        <li uib-dropdown>
            <a uib-dropdown-toggle><i class="fa fa-lg fa-bell"></i>
                <span ng-if="(header.dcktotal + header.k8stotal)" class="label">
                    {{header.dcktotal + header.k8stotal}}</span></a>
            <ul ng-if="header.k8salarm || header.dckalarm" class="dropdown-menu animate fade-in-down notification">
                <li class="title">告警 <span class="text-warning">{{header.k8stotal}}</span> 条</li>
                <li ng-repeat="elem in header.k8salarm">
                    <a ng-click="header.openDetailOfK8s(elem)">
                        <h6 title="{{::elem.message}}">{{::elem.message}}</h6>
                        <small>{{::elem.insertTime | date:'yyyy-MM-dd HH:mm:ss'}}</small>
                    </a>
                </li>
                <li><a ng-href="#/alarm/k8s">查看全部</a></li>
            </ul>
        </li>
    </ul>
</header>
